<template>
  <div>
    <button :style="{ width, height, color, backgroundColor }" :type="type">
      {{ text }}
    </button>
  </div>
</template>
<script>
export default {
  props: {
    text: {
      type: String,
      default: '普通按钮'
    },
    width: {
      type: String,
      default: '80px'
    },
    height: {
      type: String,
      default: '40px'
    },
    color: {
      type: String,
      default: '#000'
    },
    backgroundColor: {
      type: String,
      default: '#fff'
    },
    type: {
      type: String,
      default: ''
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
